
var x;
x = $(document);
x.ready(menu);

function menu() {
    //MENU PRINCIPAL
    $(".MenuPrincipal .R-1").hover(menuVacioOver, menuVacioOut);

    $(".R-1").each(function() {
        $(this).find("#R-2").css("min-width", $(this).width());//Verifico que el tamaño del .sub-menu sea >= que el primer menu

        if (($(this).width() + 5) >= $(this).find("#R-2").width()) {//Si el tamaño de el primer sub-menu es == a su menu padre, modifico los bores
            $(this).find("#R-2").css("border-radius", "0 0 5px 5px");
        }
    });

    $(".R-2").each(function() {//Agrego la barra vertical divisoria
        $(this).find("#R-3, #R-4, #R-5").prepend('<div style="height: ' + $(this).parent().height() + 'px;"></div>');
    });

    $(".R-1").mouseover(function() {//Muevo hacia la derecha los sub-menus
        $(".R-2 .sub-menu").each(function() {
            $(this).css("right", -$(this).width() + 2);
        });
    });

    $(".MenuPrincipal .R-2").hover(function() {//Efectos al posicionar el mouse sobre un .sub-menu li
        if ($(this).find(".sub-menu").length > 0) {//me pregunto si este menu posee sub-menu

            $(this).parent("#R-2").css("border-radius", "0 0 0 5px");//Modifico los bordes de #R-2

            if ($(this).parent("#R-2").find(".R-2").length < $(this).find("#R-3").find(".R-3").length) {//si el ul padre es mas bajo que su ul hijo
                $(this).find(".sub-menu").css("border-radius", "0 5px 5px 5px");
            } else {
                $(this).find(".sub-menu").height($(this).parent(".sub-menu").height());
                $(this).find(".sub-menu").css("border-radius", "0 5px 5px 0");
            }
        }

    }, function() {
        if ($(this).find(".sub-menu").length > 0) {
            var largo = $(this).parent().parent(".R-1").width();

            if (largo >= $(this).parent("#R-2").width()) {
                $(this).parent("#R-2").css("border-radius", "0 0 5px 5px");
            } else {
                $(this).parent("#R-2").css("border-radius", "0 5px 5px 5px");//edito el border-radius del ul padre del menu
            }
        }
    });








    //MENU IDEAS
    $('.MenuIdeas .R-1').prepend('<span></span>');

    $('.MenuIdeas .R-1').hover(function() {
        $('#R-2', this).stop(true, true).delay(300).slideDown(500);
    }, function() {
        if (!($('#R-2', this).find('.activo').length > 0)) {
            $('#R-2', this).stop(true, true).slideUp(500);
        }
    });

    $('.MenuIdeas .activo').parent('ul').css('display', 'block');
    $('.MenuIdeas .activo').find('a').css('color', '#404041');

    //MENU CONSEJOS
    $('.MenuConsejos .R-1').prepend('<span></span>');

    $('.MenuConsejos .R-1').hover(function() {
        $('#R-2', this).stop(true, true).delay(300).slideDown(500);
    }, function() {
        if (!($('#R-2', this).find('.activo').length > 0)) {
            $('#R-2', this).stop(true, true).slideUp(500);
        }
    });

    $('.MenuConsejos .activo').parent('ul').css('display', 'block');
    $('.MenuConsejos .activo').find('a').css('color', '#404041');




    //MENU BLOG
    $('.menu-blog .R-1').prepend('<span></span>');

    $('.menu-blog .R-1').hover(function() {
        $('#R-2', this).stop(true, true).delay(300).slideDown(500);
    }, function() {
        if (!($('#R-2', this).find('.activo').length > 0)) {
            $('#R-2', this).stop(true, true).slideUp(500);
        }
    });

    $('.menu-blog .activo').parent('ul').css('display', 'block');
    $('.menu-blog .activo').find('a').css('color', '#404041');




    //MENU PREGUNTAS FRECUENTES
    $('.menu-preg-frec .activo').parent('ul').css('display', 'block');
    $('.menu-preg-frec .activo').find('a').css('color', '#FFFFFF');

    $('.menu-preg-frec .R-1').hover(function() {
        $('#R-2', this).stop(true, true).delay(300).slideDown(500);
    }, function() {
        if (!($('#R-2', this).find('.activo').length > 0)) {
            $('#R-2', this).stop(true, true).slideUp(500);
        }

    });

    //MENU AYUDA
    $('.menu-ayuda .activo').parent('ul').css('display', 'block');
    $('.menu-ayuda .activo').find('a').css('color', '#404041');

    $('.menu-ayuda .R-1').hover(function() {
        $('#R-2', this).stop(true, true).delay(300).slideDown(500);
    }, function() {
        if (!($('#R-2', this).find('.activo').length > 0)) {
            $('#R-2', this).stop(true, true).slideUp(500);
        }
    });


    /* MENU ACERCA DE */
    $('.MenuAcerca-de .activo').parent('ul').css('display', 'block');
    $('.MenuAcerca-de .activo').find('a').css('color', '#59C5D1');

    $('.MenuAcerca-de .R-1').hover(function() {
        $('#R-2', this).stop(true, true).delay(300).slideDown(500);
    }, function() {
        if (!($('#R-2', this).find('.activo').length > 0)) {
            $('#R-2', this).stop(true, true).slideUp(500);
        }
    });
    $('.MenuAcerca-de').find('li.R-1').each(function() {
        $(this).append('<span></span>');

        if ($(this).find('li').length == 0) {
            $(this).css("list-style-image", "url(" + datosServ.template_url + "/images/vinetas.png)");
        }
    });

    /* FIN MENU ACERCA DE */

}






function menuVacioOver() {

    //    alert('entro');
    if ($('#R-2', this).length) {
        //        alert('entro');
        $("a:first", this).css("background", "#F1F1F2");
        $("a:first", this).css("color", "#404041");

    } else {
        $("a:first", this).css("color", "#83C3CF");
    }
}

function menuVacioOut() {

    //    alert('entro');
    if ($('#R-2', this).length) {
        //        alert('entro');
        $("a:first", this).css("background", "none");
        $("a:first", this).css("color", "#FFFFFF");

    } else {
        $("a:first", this).css("color", "#FFFFFF");
    }
}
